<!-- 客户订单-已完成订单 -->
<template>
  <div>
    <div class="content">
      <ProductList class="list-item"></ProductList>
      <ProductTable class="table-item"></ProductTable>
    </div>
    <!-- <a-layout>
      <a-layout-sider theme="dark">Sider</a-layout-sider>
      <a-layout-content>Content</a-layout-content>
    </a-layout> -->
  </div>
</template>

<script lang="ts" setup>
  import { reactive } from 'vue';
  import ProductList from './components/product-list/index.vue';
  import ProductTable from './components/product-table/index.vue';
</script>

<style scoped lang="less">
  .content {
    display: flex;
    padding: 10px;
    .list-item {
      width: 30%;
    }
    .table-item {
      width: 65%;
      margin-left: 50px;
    }
  }
</style>
